@charset "utf-8";
/* 564379992@qq.com */
* { margin: 0px; padding: 0px; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); box-sizing:border-box; -webkit-box-sizing:border-box; }
body { margin: 0px; padding: 0px; font-family: WenQuanYi Micro Hei,microsoft Yahei, Arial, Helvetica, sans-serif ; font-size: 12px; color: #424242; min-width:1200px; margin:0 auto;  position: relative; -webkit-text-size-adjust: none;}
ul, li, p, span, h1, h2, h3, h4, dl, dt, dd, form, input, textarea, select { margin: 0px; padding: 0px; }
input, textarea, select { color: #666;font-family: 'Microsoft Yahei'; }
i,em { display: inline-block; font-style:normal; }
*:focus { outline: none }
img { border: 0px; max-width:100%; }
ul, li { list-style-type: none; }
a{ color: #333; text-decoration: none; border: none; outline: none;}
a:hover { color: #1F497D; }
.clear{ clear:both; content:''; height:0px; overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.wrap{ width:1178px; margin:0 auto;}
@font-face { font-family: 'HELVETICANEUELTPRO-THEX'; src: url('../font/HELVETICANEUELTPRO-THEX.OTF'); font-weight: normal; font-style: normal; }
/***顶部***/
.headtop{ height:35px; color:#fff; overflow: hidden; background:#2085E4; line-height: 35px; }
.headtop .fl{ width:50%;}
.headtop .tel{ float:right; font-size:14px; background: url(../tel.png) no-repeat left center; padding-left:30px;}

/***头部***/
.head{ height:160px;}
.head .wrap{ position:relative; height:160px;}
.head .logo{ position:absolute; left:0px; top:50%; max-height:80%; transform:translateY(-50%);}
.head ul{ float:right; margin-right:60px;}
.head ul li{ float:left; width:135px; height:160px; position:relative;}
.head ul li > a{ font-size:15px; height:160px; line-height:160px; color:#666 ; display:block; text-align:center;}
.head ul li > a.on,.head ul li:hover > a{ color:#1F497D; font-weight:bold; }
.head ul li .nson{ position:absolute; width:100%; left:0px; top:160px; background:rgba(255,255,255,0.8); z-index:111; display:none;}
.head ul li .nson a{ display:block; font-size:13px; height:50px; overflow:hidden; text-align:center; padding:0 8px; line-height:50px; border-bottom:1px solid #eee;}
.head ul li .nson a:hover{ background:#1F497D; color:#fff;}
.head ul li .nsonpro{ position:absolute; display:none; background:rgba(255,255,255,0.8); padding:20px 0; width:1200px; left:-430px; top:160px; z-index:111;}
.head ul li .nsonpro dl{ float:left; width:25%; padding-left:20px; margin-bottom:10px; border-right:1px dotted #ccc;min-height: 125px;；}
.head ul li .nsonpro dl dt{margin-bottom:10px; margin-top:12px;}
.head ul li .nsonpro dl a{ font-size:14px;}
.head ul li .nsonpro dl dt a{ color:#1F497D;}
.head ul li .nsonpro dl dd a{ line-height:28px; padding-left:12px;}

.search{ float:left; width:209px; height:40px; }
.search .intxt{  width:100%; border:0px;border-bottom:1px solid #ddd; height:40px; line-height:40px;}
.search .sbtn{ background:url(../search.png) no-repeat center; width:30px; border:0px; position:absolute; right:0px; top:0px; height:40px;}

.searchico{ position:absolute; right:0px; width:60px; height:160px;}
.searchico span{ display:block; cursor:pointer; height:160px; background:url(../seachicon.png) no-repeat center;}
.searchico .searchbox{ position:absolute; overflow:hidden; height:60px; top:160px; background:rgba(255,255,255,0.8); z-index:2; padding:10px; width:270px;
left:-200px; display:none;}
.searchico .searchbox .intxt{ height:40px; line-height:40px; padding:0 12px; background:#fff; border:0px; width:100%;}
.searchico .searchbox .sbtn{ height:40px; position:absolute; right:10px; top:10px; background:#1F497D; color:#fff; border:0px; width:50px; cursor:pointer;}

/***焦点图***/
.banner{ overflow:hidden; position:relative; height:600px; }
.banner .bd{  width:100%; height:600px;}
.banner .bd ul{height:600px; }
.banner .bd ul li { height:600px;  }
.banner .hd { position:absolute; width:100%; text-align:center; bottom:20px; left:0px; z-index:1;}
.banner .hd ul li{ width:12px;  height:12px;  display:inline-block; overflow:hidden; line-height:-999px; cursor:pointer; margin:0 5px; background:rgba(255,255,255,0.3); border-radius:50%;}
.banner .hd ul li.on{ background:#fff;}

.title{ text-align:center; position:relative; padding:0px 0 65px 0;}
.title h2{ height:28px; line-height:28px; position:relative; width:620px; margin:0 auto;}
.title h2:after{ width:100%; height:1px; background:#999; position:absolute; top:12px; left:0px; content:'';}
.title h2 span{ background:#fff; display:block; margin:0 auto; text-align:center; width:340px; position:relative; z-index:11; font-size:22px; font-weight:bold; color:#333;}

/***产品***/
.product{ overflow:hidden; padding-top:90px;}
.prolist { margin-left:-43px;}
.prolist li{ float:left; width:33.3333333%;  position:relative; padding-bottom:43px; transition:all 0.5s cubic-bezier(0.5,0,0.5,1); padding-left:43px;}
.prolist li a{ display:block; height:368px; box-shadow:#ccc 0 0 20px;transition:all 0.5s cubic-bezier(0.5,0,0.5,1);}
.prolist li .pic{ overflow:hidden;}
.prolist li img{ width:100%; display:block;}
.prolist li h3{ text-align:center; font-size:18px; display:inline-block; text-decoration:underline; color:#333; transition:all 0.5s cubic-bezier(0.5,0,0.5,1); margin-top:5px;}
.prolist li .note{ padding:12px; text-align:center;}
.prolist li .note p{ font-size:14px; color:#888; width:90%; height:60px; overflow:hidden; margin:0 auto; padding-top:10px; line-height:24px;}
.prolist li:hover a{background:#fff; box-shadow:#f3f3f3 0 0 25px; transform:translateY(-10px);}
.prolist li:hover a h3{ color:#2085E4;}

/***动态***/
.news{ padding-top:50px;}

/***关于我们***/
.about{ overflow:hidden; padding-top:90px; padding-bottom:55px;}
.about .img{ display:block; margin:0 auto; height:55px;}
.about h2{ font-weight:normal; font-size:23px; text-align:center; padding:10px 0;}
.about .note{ font-size:14px; line-height:26px; color:#666;}
.about .a1{ text-align:right; display:block;}
.about .a1 a{color:#2085E4;}
.about .im2{ display:block; margin:0 auto; margin-top:89px;}


/***底部***/
.footer{ background:#05090a; overflow:hidden;}
.footer .footbg{ height:142px; overflow:hidden; background:url(../dbbg.jpg) no-repeat center top;}
.footer .footnav{ overflow:hidden; position:relative;}
.footer .footnav .wrap{ position:relative; overflow:hidden; padding:50px 0 89px 0;}
.footer .footnav dl{ float:left; width:16.66666666%;}
.footer .footnav dl dt a{ font-size:14px; font-weight:bold; color:#fff;}
.footer .footnav dl dd a{ display:block; color:#fff; margin-top:10px; font-size:14px; line-height:18px;}
.footer .footnav dl dd a:hover{ text-decoration:underline;}
.footer .copyright{ background:#474747; text-align:center; line-height:40px; height:40px; overflow:hidden; color:#a2a2a2;}
.searchbox{ position:absolute; left:0px; bottom:20px; color:#fff;}
.searchbox p{ font-size:16px; color:#fff; padding-bottom:38px;}
.searchbox .search{ height:30px; width:303px; line-height:30px; position:relative;}
.searchbox .search .intxt{ padding:0 10px; width:269px; height:30px; line-height:30px;}
.searchbox .search .sbtn{ position:absolute; right:0px; top:0px; cursor:pointer; height:30px; width:30px; background:url(../s.jpg) no-repeat center;}
.sjmt{ position:absolute; right:150px; bottom:20px;}
.sjmt p{font-size:16px; color:#fff; padding-bottom:38px;}


/***内页***/
/***产品列表***/
.topimg{height:350px; overflow:hidden; text-align:center; line-height:350px; }
.topimg h1{color:#fff; font-size:44px; font-weight:normal;}
.left{ float:left; width:240px; margin-bottom:50px; margin-top:129px; }
.left .lea{ font-size:15px; color:#1F497D; margin-bottom:15px;}
.left .lea a{color:#1F497D;}
.left ul li{}
.left ul li a{ display:block; height:40px; line-height:40px; color:#666; font-size:14px;}
.left ul li a.on{color:#1F497D;}
.left .adv { margin-top:20px;}
.left .adv img{ display:block; width:100%; margin-bottom:30px;}
.left .pcate{ border:1px solid #eee; border-bottom:0px;}
.left dl a{ display:block; font-size:15px; position:relative;}
.left dt a{ color:#1F497D; padding:0 12px; border-bottom:1px solid #eee;  height:50px; line-height:50px; }
.left dt a:after{ position:absolute; right:12px; top:50%; line-height:16px; font-size:18px; text-align:center; transform:translateY(-50%); width:18px; height:18px; border:1px solid #1F497D; content:'+';}
.left dd{ background:#eee; display:none;}
.left dd a{ height:45px; line-height:45px; padding-left:40px; border-bottom:1px dashed #ddd;}
.left dd a.on{color:#1F497D;}
.left dt a.on,.left dt a:hover{ background:#1F497D; color:#fff;}
.left dt a:hover:after{ border:1px solid #fff;}
.left dt a.on:after{ border:1px solid #fff; content:'-';}



.imageList{ overflow:hidden; margin-left:-30px;}
.imageList li{ float:left; width:33.333333%; padding-left:30px; padding-bottom:30px;}
.imageList li .pic{ overflow:hidden; border:1px solid #eee; margin-bottom:10px; height:366px; display:flex; justify-content:center; align-items:center;}
.imageList li .pic img{ display:block; max-width:100%; max-height:100%;}
.imageList li a{ display:block; text-align:center;}

.right{ width:880px; float:right;  min-height:612px; margin-bottom:50px; margin-top:129px;}
.right .rtit{ font-weight:bold; font-size:16px; color:#1F497D; margin-bottom:50px;}

.right .prolist{ margin-left:-15px;}
.right .prolist li{ padding-left:15px;}
.right .prolist li a{ height:300px;}

.searchlist li{ padding:25px 0; border-bottom:1px dotted #ddd;}
.searchlist li h2{ font-weight:normal;}
.searchlist li p{ margin-top:10px; color:#999;}

.caselist.ny li{ box-shadow:none; border:1px solid #eee; height:360px; margin-bottom:30px;}
.caselist.ny li .ico{ display:none;}


/***分页***/
.page{ overflow:hidden; text-align:center; padding:20px 0; padding-top:30px;}
.page ul li{ display:inline-block;}
.page ul li a,.page ul li span{ padding:10px 15px; background:#fff; display:inline-block; color:#888; margin:0 2px;}
.page ul li.active span{ background:#2085E4; color:#fff; border-color:#2085E4}
.page ul li:hover a{ background:#2085E4; color:#fff;border-color:#2085E4}

/***产品详情***/
.location{ font-size:14px; height:50px; line-height:48px; color:#686868; background:#f7f7f7; margin-bottom:30px;}
.location .wrap{ backgrou nd:url(../location.png) no-repeat left center; padding-left:40px;}
.location a{ font-size:14px; color:#686868;}
.location i{ margin:0 12px; color:#d6d6d6; font-family:宋体;}
.location span{ color:#2085E4;}

.pdbox{ width:1080px; line-height:32px; color:#666; font-size:16px;margin:0 auto;}
.pdbox a{ color:#2085E4;}
.pdbox2{ width:802px; line-height:32px; color:#666; font-size:16px;margin:0 auto;float:left;}
.pdbox2 a{ color:#2085E4;}

.brand{ overflow:hidden; margin-left:-121px; margin-top:128px;}
.brand li{ margin-left:121px; float:left; width:300px; height:282px; border:1px solid #eee; margin-bottom:105px; transition:all 0.5s cubic-bezier(0.5,0,0.5,1);}
.brand li .pic{ height:203px; display:flex; justify-content:center; align-items:center;}
.brand li .pic img{ max-width:90%; max-height:90%;}
.brand li .p1{ height:75px; line-height:75px; text-align:center; font-size:14px; color:#666;}
.brand li:hover{  border-color:#20b7fe;}

.protop{ overflow:hidden;}
.protop .pic{ float:left; width:400px; height:320px; border:1px solid #eee; display:flex; justify-content:center; align-items:center;}
.protop .pic img{ max-width:100%; max-height:100%;}
.protop .fr{ width:450px;}
.protop .fr h2{ font-size:18px; border-bottom:1px dotted #eee; color:#2085E4; padding-bottom:10px; margin-bottom:12px;}
.protop .fr p{ font-size:14px; line-height:24px; color:#999; padding-top:12px;}

.ptit{ border-bottom:1px solid #eee; font-size:15px; margin-bottom:20px; font-weight:bold; margin-top:20px; padding-bottom:10px;}


/***新闻列表***/
.newlist{ }
.newlist li{ float:left; width:33.333333%; padding-left:40px; padding-bottom:40px;}
.newlist li a{ position:relative; height:475px; background:#f3f3f3; display:block; overflow:hidden;}
.newlist li .pic{ overflow:hidden;}
.newlist li .pic img{ display:block; width:100%;}
.newlist li .note{ padding:25px;}
.newlist li .note h2{ height:50px; overflow:hidden; position:relative;}
.newlist li .note h2 span{ font-size:14px; color:#999; position:absolute; bottom:2px; right:0px; font-weight:normal;}
.newlist li .note p{ font-size:14px; color:#666; line-height:25px; padding-top:20px;}

.cate{ text-align:center; position:relative; margin-top:115px;}
.cate:after{ width:100%; height:1px; background:#999; left:0px; position:absolute; top:30px; content:'';}
.cate ul{width:922px; margin:0 auto; background:#fff; position:relative; z-index:1;}
.cate ul li{ display:inline-block;}
.cate ul li a{display:block; width:144px; height:64px; text-align:center; color:#999; font-size:20px; line-height:64px; margin:0 20px;}
.cate ul li a.on{ background:#20b7fe; color:#fff;}

.newlist2{ margin-top:50px;}
.newlist2 li{ float:left; width:33.333333%; padding:20px; margin-top:34px;transition:all 0.5s cubic-bezier(0.5,0,0.5,1);}
.newlist2 li a{ display:block; height:425px; background:#fff;}
.newlist2 li a .pic{ overflow:hidden; position:relative;}
.newlist2 li a .pic img{ display:block; width:100%;}
.newlist2 li a .pic span{ position:absolute; padding:0 5px; width:100%; background:url(../bg1.png) no-repeat left top; height:27px; line-height:27px; color:#fff; bottom:0px; }
.newlist2 li a .note{ padding-top:20px;}
.newlist2 li a .note h2{ font-size:18px; text-decoration:underline;}
.newlist2 li a .p1{ text-align:right; font-weight:bold; font-size:16px;}
.newlist2 li a .p2{ font-size:14px; line-height:23px; color:#666; padding-top:10px;}
.newlist2 li:hover{ box-shadow:#e5e5e5 0 0 20px;}


.newbox{ background:#fff; verflow:hidden; min-height:500px;}
.newbox .newtit{ text-align:center; padding-bottom:12px; border-bottom:1px dotted #ddd; margin-bottom:20px;} 
.newbox .newtit p{ font-size:12px; color:#999; padding-top:10px;}
.newbox .newtit h1{ font-size:18px;}
.newbox .note{ background:#f7f7f7; border:1px dotted #ddd; padding:12px; line-height:24px; font-size:12px; color:#999; margin-bottom:20px;}

.prevnext{ font-size:14px; margin-top:20px; line-height:30px; overflow:hidden; color:#666;}
.prevnext a{ color:#666;}
.prevnext a:hover{ color:#2085E4;}

/***加入我们***/
.join{ padding-top:128px;}
.join .title h2 span{ font-weight:normal; color:#666; font-size:33px;}
.join-item{ overflow:hidden; margin-bottom:50px;}
.join-item .jt{ position:relative;}
.join-item .jt span{ font-size:22px; color:#333; position:relative; padding-right:20px; z-index:1; background:#fff;}
.join-item .jt:after{ width:100%; position:absolute; top:15px; height:1px; background:#ddd; content:''; left:0px;}
.join-item ul{ margin-left:-13px;}
.join-item ul li{ float:left; width:25%; padding-left:13px; padding-top:30px;}
.join-item ul li a{display:block; height:215px; overflow:hidden; text-align:center;}
.join-item ul li .pic{ overflow:hidden; margin-bottom:15px;}
.join-item ul li .pic img{ display:block; width:100%;}
.join-item ul li p{ font-size:15px; color:#666; overflow:hidden;}

.contact{ margin-top:50px;}
.contact h2{ border-bottom:1px solid #eee; margin-bottom:20px;padding-bottom:12px;}
.contact h2 span{ border-bottom:3px solid #f13b3a; padding-bottom:12px;}
.contact .pdbox{ padding-top:30px;}

.book{ padding:12px 0; overflow:hidden;}
.book h2{ font-size:16px; padding:15px 0; color:#2085E4; padding-top:8px;}
.book .intxt{ border:1px solid #eee; padding:13px 10px; margin-bottom:12px; width:100%;}
.book .intxt.i1{ width:48%;}
.book .intxt.i2{ width:48%; float:right;}
.book .intxt::-webkit-input-placeholder{ color:#aaa;}
.book .intxt:focus{ border-color:#2085E4;}
.book .sbtn{ background:#2085E4; padding:13px 10px; cursor:pointer; border:0px; color:#fff; width:120px;}